﻿@charset "utf-8";
/* 
	Css for hanjia_1v1
	build by wenjing10@xdf.cn
	Date:2015.12.13`
*/
/*css-reset*/
html{color:#000;background:#FFF}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th{margin:0;padding:0; text-align:left;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
*+html input,textarea,select{font-size:100%}
legend{color:#000}
#yui3-css-stamp.cssreset{display:none}
/*common*/	
a{blr:expression(this.onfoucs=this.blur())}
:focus{outline:0}
body{color:#333; background-color:#fff;font:14px/25px microsoft yahei;font-family: Microsoft YaHei, simhei,serif;}
.wrap_all{ width:100%;}
.wrap{ width:960px; overflow:hidden; position:relative;}
.mtop10{margin-top:10px;}
.pk-title,.flow-ul li,.three-ul li h3,.list-plan h3{position:relative;}
.flow-ul li:after,.i-hot,.three-ul li h3:after,.three-ul li h3:before,.i-car,.dl-case .dd-a,.intro-tj,.list-plan h3:before{position:absolute;}
h2 i,.secbtn-wrap a,.pk-title dt span,.secbtn-wrap i,.simble-btn,.troub-intro strong,.i-hot,.dl-portr .a-linkbtn,.dl-teach .a-linkbtn,.dd-a a{display:inline-block;}
.single-dl dt,.single-dl dd,.pk-info{display:table-cell;}
.fl,.pk-title,.pk-cont,.troub-ul,.troub-ul,.img-wrap,.class-dl,.single-left,.flow-ul li,.btn-ul li,.three-ul li,.offer-ul li,.list-ul>li,.dd-img{float:left;}
.fr,.single-right,.dl-mteach dt,.dd-txt,.dl-portr dt,.dl-land dt{float:right;}
.tc,.ban-wrap h1,.ban-txt,.secbtn-wrap,.pk-cont dt,.pk-title dt,.pk-title dd,.troub-intro,.class-dl dt,.class-dl .dd-intro,.single-dl dt,.single-left,.single-left h3,.flow-ul li,.btn-ul li .simble-lg,.sev-center h3,.three-ul li h3,.offer-table td,.list-txt li h3,.dl-land .a-linkbtn,.land-table,.land-table th,.dd-a{text-align:center;}
.tel-wrap,.pk-left dd,.pk-left dd .pk-info,.troub-left li,.sev-left .sev-dl dt,.sev-left .sev-dl dd{text-align:right;}
.pk-title dt span{border-radius:50%;behavior: url(pie.htc);}
.simble-btn,.class-dl,.tabcont-wrap a{border-radius:5px;behavior: url(pie.htc); position:relative;}
.sev-center h3,.three-ul h3{margin-left:auto;margin-right:auto;}
/* 清除浮动 */
.clearfix:before,.clearfix:after{content:".";display:block;height:0;visibility:hidden}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
/* banner */
.wrap img{vertical-align:top;}
.ban_wrap{background:url(../images/ban_bg.jpg) center top no-repeat; position:relative;}
h1{ display:block; font-size:10px; color:#fff; background-color:#fff; height:1px; overflow:hidden;}
/* 简介 */
.cont_wrap{margin:0px auto; padding-bottom:20px;}
.cont_wrap h2{ height:66px;background-color:#ebdb54; padding:0 15px;font:24px/66px microsoft yahei;margin:20px auto;}
.cont_wrap h2 span{ color:#2d794c;padding-left:3px;font:bold 30px/66px microsoft yahei;}
.tell{ float:right; background:url(../images/tell.png) no-repeat 0 20px; padding-left:50px; font-size:20px;}
.intro_ul{ margin-right:-20px;}
.intro_ul li{margin-right:20px; float:left; display:inline-block; width:165px; border-radius:10px; background-color:#f1f1f1; padding:20px 30px;behavior: url(pie.htc); position:relative;}
.intro_ul li h3{ padding-left:60px; font:bold 24px/60px microsoft yahei; height:60px; background:url(../images/icon_01.png) no-repeat left; color:#2d794c;}
#i_02{background:url(../images/icon_02.png) no-repeat left;}
#i_03{background:url(../images/icon_03.png) no-repeat left;}
#i_04{background:url(../images/icon_04.png) no-repeat left;}
/* pk */
.pk_wrap{ height:540px; margin:20px 0px; overflow:hidden;}
.pk-title{width:150px;margin:0 -75px 0;_display:inline;}
.pk-title dt span{width:110px;height:110px;line-height:110px; position:relative;}
.pk-title dd{padding:10px 0;margin:30px 0 0; font-size:22px;}
.pk-cont{width:480px;margin:36px 0 0;}
.pk-gray{margin-left:-4px;}
.pk-cont dt{padding:10px 0px;margin:0px 0px 38px 0px;}
.pk-cont dd{height:90px;line-height:30px; padding-top:10px;}
.pk-left dd{margin-right:85px;}
.pk-gray dd{margin-left:85px;}
.pk-info{height:80px;width:395px; display:table-cell; vertical-align:middle;}
.btn_wrap{ position:relative; padding:20px 0px;}
.btn_wrap p{ display:block; height:70px; border:2px solid #999;}
.btn_wrap h3,.btn_wrap a{ position:absolute; width:800px; left:50%; margin-left:-400px; text-align:center; font:26px/50px microsoft yahei; background-color:#fff;}
.btn_wrap h3{ top:0px;}
.btn_wrap h3 strong{color:#2d794c;font:bold 30px/50px microsoft yahei;}
.btn_wrap a,.btn_wrap a:hover{width:400px;bottom:0px; display:block; border-radius:8px; border-bottom:4px solid #B0982C; text-decoration:none;background-color:#ebdb54;margin-left:-200px;behavior: url(pie.htc);}
.kk_dl dd.kiol{padding-top:32px; height:73px; text-align:center;}
/* xg */
.box2{ padding:0px 0px 20px 0px; width:980px;}
.box2 ul{ padding:30px 5px; width:370px;}
.box2 ul li{ float:left; width:90px; height:60px; line-height:60px; text-align:center; font-size:24px; margin:auto 10px 15px auto;}
.box2 ul li a,.box2 ul li a:link,.box2 ul li a:visited{ color:#2d794c; text-decoration:none; border:1px solid #2d794c; background-color:#fff; display:block;border-radius:5px;behavior: url(pie.htc); position:relative;}
.box2 ul li a:hover{ color:#fff;border:1px solid #2d794c; background-color:#2d794c;}
.box2_l{ width:300px; padding:0px 8px 0px 10px; position:relative; height:430px; border-right:solid 1px #ccc;}
.box2_l h4{width:292px;height:50px;position:relative;background-color:#2d794c;border-radius:3px;border:solid 4px #2d794c;color:#fff; font-size:30px; text-align:center; line-height:50px;behavior: url(pie.htc);}
.box2_l h4:after,.box2_l h4:before{top:100%;border:10px solid transparent;content:" ";width:0; height:0;position: absolute;pointer-events: none;border-top-color:#2d794c;border-width:10px;left:50%;margin-left:-10px;}
.box2_l h4:before{border-width:16px;margin-left:-16px;}
.line{ border-top:1px dashed #ccc; height:1px; margin:auto auto 30px 0; width:960px;}
.box2_r{ border-left:1px solid #ccc; height:300px; width:1px; margin:20px 0 0 0;}
.niu{text-align:center;position:absolute; top:345px; left:25px; width:270px;}
.niu a,.niu1 a,.niu a:hover, .niu1 a:hover{ font-size:24px; color:#333; line-height:50px; text-align:center;text-decoration:none; display:block; background-color:#ebdb54; border-radius:10px; border-bottom:4px solid #B0982C; margin:0px auto; width:200px;height:50px;line-height:50px;behavior: url(pie.htc); position:relative;}
.kk_dl{ display:block;}
.kk_dl dt{ display:inline-block; float:left; height:120px; width:180px; text-align:center; font:30px/120px microsoft yahei; position:relative; background-color:#ebdb54;}
.kk_dl dt:after{top:50%;border:10px solid transparent;content:" ";width:0; height:0;position: absolute;pointer-events:none;border-left-color:#ebdb54;border-width:20px; right:-40px;margin-top:-20px; z-index:2;}
.kk_dl dd{ display:inline-block; height:90px; width:740px;font:22px/30px microsoft yahei; position:relative; background-color:#2d794c; padding:15px 0px 15px 40px; color:#fff;}
.ad{ width:100%; display:block; overflow:hidden;}
.ad a{display:block;margin:0px auto; height:300px;}
#ad_01{ background:url(../images/adbg_01.jpg) top no-repeat; height:216px;}
/* 免费的课余辅导 */
.box3_l{ width:370px;}
.box3_r{ width:550px;}
.box3_r dl{ margin:auto auto 3px auto;}
.box3_r dt{ float:left; border-radius:50%; border:3px #e2e5f5 solid; width:55px; height:55px; text-align:center; font-size:22px; color:#3d4a6a;padding:10px;line-height: 25px; margin-bottom:14px;behavior: url(pie.htc); position:relative;}
.box3_r dd{float:left;width:433px;height:49px;position:relative;background:#fff;margin: 8px auto auto 12px;border-radius:3px;border:solid 4px #e2e5f5; font-size:12px; line-height:22px; color:#233863;padding: 5px 5px 0 10px;behavior: url(pie.htc);}
.box3_r dd:after,.box3_r dd:before{right:100%;border:10px solid transparent;content:" ";width:0; height:0;position: absolute;pointer-events: none;border-right-color:#e2e5f5;border-width:10px;top:50%;margin-top:-10px;}
.box3_r dd:before{border-right-color:#e2e5f5;border-width:16px;top:50%;margin-top:-16px;}
/* 1v5 */
.v5_cont{ background:url(../images/v5.jpg) top no-repeat; height:440px; margin:40px 0px 0px 0px; position:relative;}
.txt_ul li,.img_ul li{ position:absolute; display:inline-block;}
.txt_ul li { width:180px;}
.txt_ul li strong{ font-size:22px; color:#2d794c; font-weight:bold;}
.txt_ul li span{font-size:18px;font-weight:bold;}
.img_ul li{ z-index:3;}
.img_ul img{ display:inline-block;border-radius:50%; border:2px solid #e2e5f5;behavior: url(pie.htc); position:relative;}
#txt_01{top:15px;left:130px;}
#txt_02{top:15px;right:120px;}
#txt_03{top:170px;left:140px;}
#txt_04{top:170px;right:125px;}
#txt_05{bottom:30px;left:410px; width:280px;}
#img_01{top:0px;left:0px;}
#img_02{top:0px;right:0px;}
#img_03{top:160px;left:10px;}
#img_04{top:160px;right:10px;}
#img_05{bottom:10px;left:280px;}
/* 名师 */
.box4_ul{ margin-right:-30px;}
.box4_ul li{ float:left; width:300px; height:50px; margin:0px 26px 15px 0px; font-size:20px; color:#333; line-height:50px; border:1px solid #000; text-align:center; font-weight:bold;}
.box4_ul li strong{ font-size:28px; color:#2D794C; line-height:50px;}
.ad_ul{ margin-right:-20px;}
.ad_ul li{ float:left; display:inline-block; margin:0px 23px 20px 3px; box-shadow:0px 0px 10px #ccc;}
.box4_con{ margin:0px -30px 70px 0px;}
.box4_con_l{ width:472px; border:1px solid #ccc; margin:0px 10px 10px 0px; font-size:12px; line-height:21px;}
.box4_con_l_1{ float:left; width:220px; background-color:#ebdb54;}
.box4_con_l_1 img{ width:220px; height:170px; overflow:hidden;}
.box4_con_l_1 p{width:220px; height:44px; line-height:44px; color:#fff; font-size:18px; text-align:center;}
.box4_con_l_1 p a,.box4_con_l_1 p a:link,.box4_con_l_1 p a:visited{ color:#333; display:block;width:220px; height:40px; line-height:40px; text-decoration:none; background-color:#ebdb54;border-radius:10px; border-bottom:4px solid #B0982C;behavior: url(pie.htc); position:relative;}
.box4_con_l_r{ float:right; width:220px; padding:8px 10px 0 0;}
.box4_con_l_r h3{font-size:18px; color:#140833; line-height:25px; height:25px;}
.box4_con_l_r h3 a{ color:#333;}
.box4_con_l_r table{ margin-top:10px;}
.box4_con_l_r table,.box4_con_l_r table td{ border:1px solid #f8f8f5; border-collapse:collapse;}
.box4_con_l_r table td{ line-height:20px;text-align:center; padding:3px 0;}
.box4_con_l_r .hui{ background-color:#838383; color:#fff; font-size:14px;}
.box4_con_l_r .hui1{ background-color:#f0efef; color:#333;}
#box1{ background:url(../images/adbg_02.jpg) no-repeat top center; height:348px;}
.box5{ width:960px; margin:0 auto; padding:0; position:relative;}
.box5 ul{ padding-left:13px;}
.box5 ul li{ float:left; margin-right:12px; width:106px; height:106px;}
.box5_con{ position:absolute; top:-85px;}
.box5_con p{ text-align:center;border:3px solid #fff; background-color:#fff; display:block;border-radius:5px; behavior: url(pie.htc); position:relative;font-size:12px; color:#4f5272; width:96px;line-height:21px; overflow:hidden;}
#circle {width:106px;height:106px;border:1px solid #ccc;-moz-border-radius: 130px;-webkit-border-radius: 130px;border-radius:130px;behavior:url(PIE.htc); margin:0 auto;position: relative;}
.box5_bottom{ position:absolute; top:260px;left:290px;}
.box5_bottom a{ width:350px; height:70px; display:block;}
/* 可以 */
.keyi_ul {margin-right:-30px;}
.keyi_ul li{ position:relative; display:inline-block; width:260px; border-bottom:4px solid #2d794c; background-color:#f2f2f2; padding:100px 20px 20px 20px; margin:100px 25px 0px 0px; font-size:16px; line-height:30px;}
.keyi_ul li h4{ background:url(../images/xueyuan1.png) no-repeat top; position:absolute; top:-100px; width:194px; height:44px; left:50%; margin-left:-97px; font-size:24px; text-align:center; padding-top:150px; color:#fff;}
#s_b{background:url(../images/xueyuan2.png) no-repeat top;}
#s_c{background:url(../images/xueyuan3.png) no-repeat top;}
.keyi_ul li strong{ display:block; font-size:20px; color:#2d794c;}
.niu1{ display:block; height:58px; line-height:58px; margin-top:30px; position:relative;}
/* 问题 */
.qa_ul li{ display:block;margin:10px 0px;}
.qa_ul li h5{ float:left; background:url(../images/icon_05.png) no-repeat 10px top #2d794c; padding-left:60px;  font-size:18px; display:inline-block; width:700px; color:#fff; height:50px; line-height:50px;}
.qa_ul li a{ float:right; display:inline-block; width:180px;font-size:24px; color:#333;text-align:center;text-decoration:none;background-color:#ebdb54; border-radius:10px; border-bottom:4px solid #B0982C; margin:0px auto;height:50px;line-height:50px;behavior: url(pie.htc); position:relative;}
.qa_ul li a:hover{background-color:#2d794c;color:#fff;animation:jianbian 1s;-moz-animation:jianbian 1s; /* Firefox */-webkit-animation:jianbian 1s; /* Safari and Chrome */-o-animation:jianbian 1s; /* Opera */}
#box6{display:block; background:url(../images/adbg_003.jpg) no-repeat center top; height:360px;}
#box6 a,#box6 a:hover{ display:block; height:350px;}
/* 微信 */
.weixin_ul{ margin:20px -30px 20px 0px;}
.weixin_ul li{ float:left; display:inline-block; margin-right:20px; border:2px solid #ccc;}
/* 校区环境 */
.env-list{margin-left:-10px; padding-bottom:10px;}
.env-list li{width:232px; float:left;margin:0px 0px 10px 10px;_display:inline-block;}
.env-list img{ display:inline-block;}
.env-list .item6{width:476px;height:157px;overflow:hidden;}
.env-info{padding:25px 0px;}
.env-info dd{padding:0 10px 0 80px;}
.env-info dd span{padding-left:32px;width:160px; display:inline-block;}
.env-tt{ text-align:center; margin-bottom:30px;}
.btn_wrap a:hover,.niu a:hover,.niu1 a:hover,.box4_con_l_1 p a:hover{background-color:#2d794c; color:#fff;animation:jianbian 1s;-moz-animation:jianbian 1s; /* Firefox */-webkit-animation:jianbian 1s; /* Safari and Chrome */-o-animation:jianbian 1s; /* Opera */}
@keyframes jianbian{0%{background:#ebdb54;}100%{background:2d794c;}}
@-moz-keyframes jianbian /* Firefox */{0%{background:#ebdb54;}100%{background:2d794c;}}
@-webkit-keyframes jianbian /* Safari and Chrome */{0%{background:#ebdb54;}100%{background:2d794c;}}
/* 浮动导航 */
.bar_wrap{ width:100%;position:fixed;left:0px;bottom:0px; display:block;background-color:#656565; display:none; z-index:998;}
.bar_cont{ width:960px; margin:0px auto; position:relative;  display: block; z-index: 999; }
.bar_ul{ margin-right:-20px;position:relative;}
.bar_ul li{ float:left; padding:0px 10px;}
.bar_ul li:hover{ background-color:#ebdb54;}
.bar_ul li:hover a,.bar_ul li:hover a:hover{color:#333;}
.bar_ul li a,.bar_ul li a:hover{ font:18px/76px microsoft yahei; color:#fff; width:88px;height:76px; display:block; text-align:center; cursor:pointer; text-decoration:none;}
#btn_top{ background:url(../images/top.jpg) left top no-repeat; position:absolute; display:block; width:40px; height:76px; right:-60px; top:0px; cursor:pointer; border:none;}
.nav_blank{ margin-top:80px}
/* 导航微调 */
.topNav_main ul li .switch_btn,.topNav_main ul li .switch_btn:visited,.topNav_main ul li .switch_btn:hover{line-height:18px;text-decoration:none}
.switch_btn{cursor:pointer;}